<!DOCTYPE html>

<html>
<head>
<title>Musgo Vive la Musica</title>

<link rel="stylesheet" type="text/css" href="${resource(dir: 'css', file: 'estructuraFondo.css')}" />
<link rel="stylesheet" type="text/css" href="${resource(dir: 'css', file: 'grid.css')}" />
<link rel="stylesheet" type="text/css" href="${resource(dir: 'css', file: 'formularioNick.css')}" />
<link rel="stylesheet" type="text/css" href="${resource(dir: 'css', file: 'perfilArtista.css')}" />
<link rel="stylesheet" type="text/css" href="${resource(dir: 'css', file: 'menus.css')}" />
<g:javascript src="jquery-1.8.2.js" />
<script type="text/javascript">


</script>

</head>
<body>
    <div id="wrapper">
        <div id="headerwrap">
        <div id="header">
           
            <g:img dir="images/imgProyecto" file="b.PNG" />
        </div>
        </div>
        <div id="navigationwrap">
          <div id='cssmenu'>
				<ul>
  				 	<li class='active '><a href='/proyectoIngedos/principal/principal'><span>&nbsp;&nbsp;&nbsp;  Home &nbsp;&nbsp;&nbsp;</span></a></li>
   					<li class='has-sub '><a href='#'><span>&nbsp;&nbsp;&nbsp;  Musgo &nbsp;&nbsp;&nbsp;</span></a>
      			<ul>
         			<li><a href='#'><span>Quienes somos</span></a></li>
         			<li><a href='#'><span>Product 2</span></a></li>
      			</ul>
   			</li>
   			<li><a href='#'><span>&nbsp;&nbsp;&nbsp;  Eventos&nbsp;&nbsp;&nbsp;</span></a></li>
   			<li><a href='#'><span>&nbsp;&nbsp;&nbsp;  Destacados&nbsp;&nbsp;&nbsp;</span></a></li>
   			<li><a href='#'><span>&nbsp;&nbsp;&nbsp;  Busqueda&nbsp;&nbsp;&nbsp;</span></a></li>
   			<li><a href='/proyectoIngedos/principal/contacto'><span>&nbsp;&nbsp;&nbsp;  Contacto&nbsp;&nbsp;</span></a></li>
</ul>
</div>
        </div>
      
        <div id="contentwrap1000">
        <div id="content1001">
        
        <img id="top" src="/proyectoIngedos/images/imgProyecto/top.png" alt="">


<!-- ------------------------------------------------------------------------------------------------- -->
	
	<div id="form_container">
	
		<h1><a>Configuración de perfil</a></h1>
		<form id="form_505755" class="appnitro" enctype="multipart/form-data" method="post" action="">
		<div class="form_description">
			<h2>Configuración de perfil</h2>
			<p>Cambiar la información de tu cuenta </p>
                        <div id="fotoPerfil1">
                          <img style="width:100px; height:100px;" src="${createLink(action:'imagen', id:"${artista.imagenperfil.id}")}" />
                        &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;
                        </div>
		</div>	
                
                 
             
			<ul >
		
		</li>		<li id="li_3" >
		<label class="description" for="element_3">Nombre: </label>
		<div>
			<input id="element_3" name="element_3" class="element text medium" type="text" maxlength="255" value="${artista.nombre}"/> 
		</div> 
                
                
                     
		</li>		<li id="li_4" >
                  
		<label class="description" for="element_4">Pais: </label>
		<div>
			<input id="element_4" name="element_4" class="element text medium" type="text" maxlength="255" value="${artista.pais}"/> 
		</div> 
		</li>		<li id="li_5" >
		<label class="description" for="element_5">Ciudad: </label>
		<div>
			<input id="element_5" name="element_5" class="element text medium" type="text" maxlength="255" value="${artista.ciudad}"/> 
		</div> 
		</li>		<li id="li_6" >
		<label class="description" for="element_6">Integrantes: </label>
		<div>
			<textarea id="element_6" name="element_6" class="element textarea small">artista.integrantes</textarea> 
		</div> 
		</li>		<li id="li_7" >
		<label class="description" for="element_7">Historia de la agrupacion o artista </label>
		<div>
			<textarea id="element_7" name="element_7" class="element textarea small">artista.historia</textarea> 
		</div> 
		</li>		<li id="li_8" >
		<label class="description" for="element_8">Cambiar imagen de perfil </label>
		<div>
			<input id="element_8" name="element_8" class="element file" type="file"/> 
		</div>  
		</li>
			
					<li class="buttons">
			    <input type="hidden" name="form_id" value="505755" />
			    
				<input id="saveForm" class="button_text" type="submit" name="submit" value="Enviar" />
		</li>
			</ul>
		</form>	
		<
	</div>
<!-- ------------------------------------------------------------------------------------------ -->
	<img id="bottom" src="/proyectoIngedos/images/imgProyecto/bottom501.png" alt="">		
	 
           </div>
        </div>
        <div id="footerwrap">
        <div id="footer">
            <p>This is the Footer</p>
        </div>
        </div>
    </div>
</body>
</html>
